<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/3/29
  Time: 9:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery.min.js"></script>

    <script>
        function check(name){
            //第一种
            //jquery ajax调用                     ()=>{} 就是原来的 function(){ }的简写
            // $.get("check",{'name':name}, (str)=>{
            //     $("span").html(str);
            // });

            $.get("check/"+name,{}, (str)=>{
                $("span").html(str);
            });
    //第二种  默认是post 提交
        //    $("span").load("check",{'name':name});
//第三种
//             $.ajax({
//                 type: "get",
//                 url: "check",
//                 data: {'name':name},
//                 success: function(str){
//                     $("span").html(str);
//                 }
//             });
            //第四种
        //    $.getJSON

        }
    </script>

</head>
<body>
 哈哈哈 <img src="img/1.gif"  >

<a href="show">进入controller</a>
 <hr>
 用户名
 <input type="text" onblur="check(this.value)"><span></span>
 <hr>
<a href="check/jack">验证</a>

</body>
</html>
